<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <title>Bettos Import</title>
        <style type="text/css">
            body {
                background-color: #fff;
                margin: 0px 10px 20px 10px;
                font-family: Lucida Grande, Verdana, Sans-serif;
                font-size: 14px;
                color: #4F5155;
            }

            h1 {
                color: #444;
                background-color: transparent;
                font-size: 16px;
                font-weight: bold;
                margin: 24px 0 2px 0;
                padding: -15px 0 6px 0;
            }

            h2 {
                color: #444;
                background-color: transparent;
                border-bottom: 1px solid #D0D0D0;
                font-size: 16px;
                font-weight: bold;
                margin: 0px 0 2px 0;
                text-align: center;
            }

            table{
                text-align: center;
            }
            tbody tr{background-color: #444;}
            .espacio{padding-top: 10px; border-top: 1px solid #e3e3e3;}

            /* estilos para el footer y el numero de pagina */
            @page { margin: 5px 20px; }

        </style>
    </head>
    <body>
        <div>
            <div><img src="./assets/images/logo.jpg" width="110" height="80">
            <h1>Betto'S Import</h1></div>
            <div ><h2><?= $title; ?></h2></div>
        </div>
        <hr/>        
        <table>
            <thead style="background-color: #444; color: #ffffff;">
                <tr>
                    <th>Nombre</th>
                    <th>RUC</th>
                    <th>Dirección</th>
                    <th>Teléfono</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                <?php
                if (!empty($proveedores)) :
                    foreach ($proveedores as $fila):
                        ?>
                        <tr>
                            <td class="espacio" ><?= $fila->nom_pro; ?></td>
                            <td class="espacio" ><?= $fila->ruc_pro; ?></td>  
                            <td class="espacio" ><?= $fila->dir_pro; ?></td>
                            <td class="espacio" ><?= $fila->tel_pro; ?></td>
                            <td class="espacio" ><?= $fila->email; ?></td>                            
                        </tr>                    
                        <?php
                    endforeach;
                endif;
                ?>   
            </tbody>
        </table>
    </body>
</html>
